:root{}
*{ padding:0; margin:0; outline:0; -webkit-tap-highlight-color:transparent; }
html{ width:100%; height:100%; overflow:hidden; overflow-y:scroll; -webkit-text-size-adjust:100%; font-size:15px; }
body{ -webkit-overflow-scrolling:touch; font-family:"Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6,input,textarea,select,button,label{ font-size:100%; vertical-align:middle; }
ul,dl,ol,li{ list-style:none; }
a:active,a:hover{ outline:0; }
img,fieldset{ border:none; }
img{ display:inline-block; overflow:hidden; vertical-align:top; }
em,address,i{ font-style:normal; }
sup,sub{ vertical-align:baseline; }
table{ border-collapse:collapse; border-spacing:0; }
button{ cursor:pointer; }
textarea{ word-wrap:break-word; resize:none; }
input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:button; cursor:pointer; }
a{ color:#333; text-decoration:none; }
a:active{ }
/*
 * PC通用
 */
.base{width:100%;float:left;}
.fl{float:left;}.fr{float:right;}.tc{text-align:center;}
.main{width:1000px;margin:0 auto;}
.fxied{position:fixed; top:0; left:0; z-index:3;}
.mt10{margin-top:10px;}
.mt60{margin-top:60px;}.pt60{padding-top:60px;}
.mt80{margin-top:80px;}
/*
 * 
 */
.header{ background-color:rgba(255,255,255,.97); height:60px; box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}
.logo{ min-width:140px; display:inline-block; height:60px; line-height:60px; background:url(../img/yxt_logo_a.png) 0 center no-repeat; }
.concept{ display:inline-block; line-height:60px; font-size:13px; color:#999; }
.concept:before,.concept:after{display:inline-block;width:6px; height:6px; background-color:#ddd; transform:rotate(45deg); content:""; margin:0 10px; float:left; margin-top:28px;}
.concept:after{float:right;}
.navitem{ padding-left:10px;}
.navitem>li{float:left; margin-left:10px;}
.item{ font-size:16px; display:inline-block; height:60px; line-height:60px; overflow:hidden; padding:0 16px; color:#111; }
/*
.item:hover,.navitem>li.active .item{background-color:rgba(100,182,44,.85); color:#fff;}
*/
.item:hover,.navitem>li.active .item{color:rgba(100,182,44,.85);}

.wx,.tel{width:45px; height:60px; margin-left:10px; background:url(http://www.baffedu.com/Public/Default/images/ioc03.png) center center no-repeat;}
.tel{background:url(http://www.baffedu.com/Public/Default/images/ioc02.png) center center no-repeat;}
/*.banner{height:420px; background:url(http://www.baffedu.com/Uploads/Picture/2016-09-24/57e642cf79e52.jpg) center center no-repeat;}*/
.banner{ position:relative; min-height:300px; background-color:#f2f2f2; }
.banner:before{content:"注：该位置为活动广告图，点击打开新页面活动详情"; position:absolute; left:50%; top:50%; margin:30px 0 0 -173px; color:#ff3300; padding:5px 15px; border-radius:15px; background-color:#fff;}
.advtage{ padding-bottom:15px;}
.advtage li{width:333px;float:left; text-align:center; padding-bottom:40px; }
.tage{display:inline-block;width:150px; height:150px; border-radius:50%; -moz-border-radius:50%; background-color:#32a6f0; background-color:#eee; font-size:26px; color:#6c6c6c; font-weight:bold; text-align:center; line-height:150px; transition:all .8s; }
.advtage li p{ font-size:18px; color:#394454; font-weight:bold; display:block; margin-top:20px; transition:all .8s;}
.advtage li:hover .tage{ background-color:rgba(100,182,44,.85); color:#fff; }
.advtage li:hover p{ color:rgba(100,182,44,.85); }
.navshow{padding:50px 0;}
.hza{font-size:30px; color:#333; display:block; font-weight:500; }
.hzb{font-size:20px; color:#999; display:block; padding-top:5px; }
.courses{width:1020px;margin:0 auto;}
.courses>li{width:330px;float:left;position:relative;margin:5px;}
.ibox{width:100%;}
.courfont{display:block;width:100%;height:100%;background-color:rgba(0,0,0,.7);position:absolute; left:0; top:0; line-height:230px; color:#FFF; text-align:center; text-shadow:2px 2px 4px #333; font-weight:bold; font-size:24px; position:rabsolute; }
.courfont:before{content:"查看详细"; display:inline-block; height:30px; width:100px; line-height:30px; border:1px solid #fff; font-size:15px; text-align:center; border-radius:16px; position:absolute; left:50%; top:50%; margin:35px 0 0 -50px; transition:all .5s; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
.courfont:hover:before{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.morebtn{ display:inline-block; width:340px; height:60px; border:1px solid #c7c7c7; text-align:center; line-height:60px; font-size:24px; color:#333; border-radius:50px; margin-top:50px; background:#fff;}
.pb50{padding-bottom:50px;}
.teacherbox{background-color:#fff4e2; background-color:#f3f1e7;}
.teacher{width:1080px;margin:0 auto;}
.teacher>li{width:220px; padding:15px; padding-top:20px; float:left; margin:10px; }
.tcuser{font-size:17px; padding:5px 0;}
.teacher>li img{width:142px; height:142px; border:6px solid #fff; box-shadow:0 0 16px #fff; border-radius:50%; }
.tcname{display:inline-block; padding:1px 7px; background-color:#64b62c; border-radius:3px; -moz-border-radius:3px; font-size:13px; color:#fff; margin:0 3px;}
.ptcher{ height:90px; overflow:hidden; font-size:14px; line-height:1.6; color:#666; padding-top:15px; }
.wells{width:370px;}
.fzp_a{font-size:30px; margin-top:20px;}
.fpcity,.fpemail,.fptel{ margin-top:20px; background:url(http://www.baffedu.com/Public/Default/images/lxTb03.png) 0 center no-repeat; padding-left:30px; font-size:16px; }
.fptel{ background:url(http://www.baffedu.com/Public/Default/images/lxTb04.png) 0 center no-repeat; }
.fpemail{background:url(../img/email.png) 0 center no-repeat; background-size:20px auto; }

.wxbox{background:#ebf4f1;}
.wxyxts{width:800px; margin:0 auto;}
.wx_yxt{display:inline-block;width:320px;float:left; padding:0 40px; overflow:hidden;}
.wx_yxt img{width:240px;}
.pname{display:block; font-size:20px; padding:10px 0; color:#394454;}
.pmark{display:block; font-size:15px; line-height:1.6; color:#394454; }
.bottom{background-color:#4d4d4c; padding:10px 0; text-align:center; color:#c8d3e2; font-size:13px; line-height:24px; }

.xqbox{height:25px;border-bottom:1px solid #e5e5e5; position:relative;}
.xqbox span{display:inline-block;background:#FFF url(http://www.baffedu.com/Public/Default/images/lxTb05.png) 0 center no-repeat; padding-left:40px; height:27px; line-height:27px; top:0; left:0; position:absolute; font-size:24px; color:#394454; padding-right:15px; }
.pt50{padding-top:50px;}
.xqimgs{width:1020px; margin:0 auto;}
.imgbox{width:330px; background-color:#f2f2f2; height:210px; overflow:hidden; margin:5px; margin-top:20px; float:left;}
.imgbox img{width:330px; min-height:100%;}

.backtop{display:inline-block; width:60px; height:60px; background-color:#64B62C; position:fixed; z-index:3; right:20px; bottom:100px;}
